<!DOCTYPE html>
<html lang="en">
    <head>
        <title>SmartNet | Account</title>
        <meta charset="utf-8">
        <link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
        <link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
        <link rel="stylesheet" href="css/style.css" type="text/css" media="all">
        <link rel="stylesheet" href="css/account.css" type="text/css" media="all">
        <script type="text/javascript" src="js/jquery.latest.js"></script>
        <script type="text/javascript" src="js/cufon-yui.js"></script>
        <script type="text/javascript" src="js/cufon-replace.js"></script>
        <script type="text/javascript" src="js/Myriad_Pro_300.font.js"></script>
        <script type="text/javascript" src="js/Myriad_Pro_400.font.js"></script>
        <script type="text/javascript" src="js/Myriad_Pro_600.font.js"></script>
        <script type="text/javascript" src="js/jquery.cookies.js"></script>
        <script type="text/javascript" src="js/jquery.md5.js"></script>
        <script type="text/javascript" src="script/login.js"></script>
        <script type="text/javascript" src="script/dateutil.js"></script>
        <script type="text/javascript" src="js/jQueryUI/jquery-ui.js"></script>
        <script type="text/javascript" src="js/jquery.validate.min.js"></script>
        <script type="text/javascript" src="js/jquery.validate.extended.js"></script>
        <script type="text/javascript" src="script/account.js"></script>        
        <script type="text/javascript" src="script/hot-hosting.js"></script>
        <script type="text/javascript" src="script/cart-counter.js"></script>
        <script type="text/javascript" src="script/xsl-loader.js"></script>
        <script type="text/javascript">
            $(function(){
                loadXSL('data/footer-links.xml', 'data/footer-links.xsl', 'footerLinks');
                showHotHosting('hotHosting', false);
            });
        </script>
        <script type="text/javascript" src="script/table-style.js"></script>    
        <!--[if lt IE 7]><script type="text/javascript" src="js/ie6_script_other.js"></script><![endif]-->
        <!--[if lt IE 9]><script type="text/javascript" src="js/html5.js"></script><![endif]-->
    </head>
    <body id="account">
        <!-- START PAGE SOURCE -->
        <div class="tail-top1">
            <header>
                <div class="container">
                    <div class="header-box">
                        <div class="left">
                            <div class="right">
                                <nav>
                                    <ul>
                                        <li><a href="index.html">Home</a></li>
                                        <li><a href="domains.html">Domains</a></li>
                                        <li><a href="hosting.html">Hosting</a></li>
                                        <li><a href="support.html">Support</a></li>
                                        <li class="current"><a href="account.html">Account</a></li>
                                        <li><a href="contacts.html">Contacts</a></li>
                                        <li><a href="cart.html">Cart (<span id="cart">0</span>)</a></li>
                                    </ul>
                                </nav>
                                <h1><a href="#"><span>Smart</span>Net</a></h1>
                            </div>
                        </div>
                    </div>
                    <span class="top-info">24/7 Sales &amp; Support + 1 800 234 5678</span>
                    <form action="#" id="login-form">
                        <fieldset>
                            <span class="text">
                                <input type="text" id="username" name="username" placeholder="Username">
                            </span>
                            <span class="text">
                                <input type="password" id="password" name="password" placeholder="Password">
                            </span>
                            <a href="#" id="login" class="login"><span><span>Login</span></span></a>
                            <span class="links"><a href="#">Forgot Password?</a><br/>
                            <a href="#">Register</a></span>
                        </fieldset>
                    </form>
                </div>
            </header>
            <section id="content">
                <div class="container">
                    <div class="inside">
                        <div id="slogan">
                            <div class="inside">
                                <h2><span>SmartNet</span> Helps the World to Find You</h2>
                                <p>Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae.</p>
                            </div>
                        </div>
                        <ul id="hotHosting" class="banners wrapper">
                        </ul>
                        <div class="inside1">
                            <div class="wrap">
                                <h2>Account Informations</h2>
                                <div id="accountDetails">
                                    <form id="frmAccountEdit" action="#" method="POST">
                                        <table id="tblAccountDetails" class="dataTable">
                                            <tr>
                                                <td class="dataLabel">Username</td>
                                                <td><span id="accUsername"></span></td>
                                            </tr>
                                            <tr>
                                                <td class="dataLabel">First Name</td>
                                                <td><span id="accFirstName"></span></td>
                                            </tr>
                                            <tr>
                                                <td class="dataLabel">Last Name</td>
                                                <td><span id="accLastName"></span></td>
                                            </tr>
                                            <tr>
                                                <td class="dataLabel">Gender</td>
                                                <td><span id="accGender"></span></td>
                                            </tr>
                                            <tr>
                                                <td class="dataLabel">Date of Birth</td>
                                                <td><span id="accDOB"></span></td>
                                            </tr>
                                            <tr>
                                                <td class="dataLabel">Email</td>
                                                <td><span id="accEmail"></span></td>
                                            </tr>
                                            <tr>
                                                <td class="dataLabel">Address</td>
                                                <td><span id="accAddress"></span></td>
                                            </tr>
                                        </table>
                                        <table id="tblAccountEdit" class="dataTable hidden">
                                            <tr>
                                                <td class="dataLabel">Username <span class="required">*</span></td>
                                                <td><input type="text" name="accUsername"/></td>
                                            </tr>
                                            <tr>
                                                <td class="dataLabel">First Name <span class="required">*</span></td>
                                                <td><input type="text" name="accFirstName"/></td>
                                            </tr>
                                            <tr>
                                                <td class="dataLabel">Last Name <span class="required">*</span></td>
                                                <td><input type="text" name="accLastName"></td>
                                            </tr>
                                            <tr>
                                                <td class="dataLabel">Gender <span class="required">*</span></td>
                                                <td>
                                                    <input type="radio" name="accGender" value="Male" checked="checked"> Male &nbsp; 
                                                    <input type="radio" name="accGender" value="Female"> Female
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="dataLabel">Date of Birth <span class="required">*</span></td>
                                                <td><input type="text" name="accDOB"></td>
                                            </tr>
                                            <tr>
                                                <td class="dataLabel">Email <span class="required">*</span></td>
                                                <td><input type="text" name="accEmail"/></td>
                                            </tr>
                                            <tr>
                                                <td class="dataLabel">Address</td>
                                                <td><textarea name="accAddress"></textarea></td>
                                            </tr>
                                        </table>
                                        <div id="buttons">
                                            <button id="btnEdit">Edit</button>
                                            <button id="btnCancel" class="hidden">Cancel</button>
                                            <button id="btnSave" type="submit" class="hidden">Save</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
        <aside>
            <div class="container">
                <div class="inside">
                    <div class="line-ver1">
                        <div class="line-ver2">
                            <div class="line-ver3">
                                <div id="footerLinks" class="wrapper line-ver4">
                                   </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </aside>
        <footer>
            <div class="footerlink">
                <p class="lf">Copyright &copy; 2010 <a href="index.html">SmartNet</a> - All Rights Reserved</p>
                <div style="clear:both;"></div>
            </div>
        </footer>
        <script type="text/javascript"> Cufon.now(); </script>
        <!-- END PAGE SOURCE -->
    </body>
</html>